<template>
  <div id="setupindex">  
   
   <div  style="display:flex;align-items: center;">
            <img class="top_img" src="@/assets/images/a8.png" style="width:35px;height:35px;margin-right:10px;"/>
            <div style="line-height: 40px;font-weight:bold:">活动设置</div>
    </div> 
   <!-- 渲染数据list -->
   <!-- <setup-list :datalist="datalist" @up_list_fun="list_fun"> </setup-list>         -->
   <div class="demo" :style="{  height: dtheight + 'px' }">
         
         
          <div class="box" style="padding:10px 10px 0px 10px;">
              <div style="flex:1;"> <setup1> </setup1></div>
              <div style="flex:1;margin-left:30px;"><setup2> </setup2></div>
              <div style="flex:1;margin-left:30px;"><setup3> </setup3></div>
          </div>
          <div class="box" style="padding:10px 10px 0px 10px;">
              <div style="flex:1;"> <setup4> </setup4></div>
              <div style="flex:1;margin-left:30px;"><setup5> </setup5></div>
              <div style="flex:1;margin-left:30px;"><setup6> </setup6></div>
          </div>

          <div class="box" style="padding:10px 10px 0px 10px;">
              <div style="flex:1;"> <setup7> </setup7></div>
              <div style="flex:1;margin-left:30px;"></div>
              <div style="flex:1;margin-left:30px;"></div>
          </div>

   </div>
   

  </div>
</template>

<script>
import Setup1 from '@/view/Activitynew/Setup/Setup1'
import Setup2 from '@/view/Activitynew/Setup/Setup2'
import Setup3 from '@/view/Activitynew/Setup/Setup3'
import Setup4 from '@/view/Activitynew/Setup/Setup4'
import Setup5 from '@/view/Activitynew/Setup/Setup5'
import Setup6 from '@/view/Activitynew/Setup/Setup6'
import Setup7 from '@/view/Activitynew/Setup/Setup7'
export default {
  name: 'setupindex',
  data () {
    return {
        datalist:[],  
    }
  },
 components:{
    Setup1,
    Setup2,
    Setup3,
    Setup4,
    Setup5,
    Setup6,
    Setup7
  },
  created(){
       this.dtheight = window.innerHeight - 195
  },
  mounted (){
    
  },
  methods: {
     list_fun(){
        
      },
  }
}
</script>


<style scoped>
.demo{
    overflow-y:auto;
}
.box{
    display: flex;
}

</style>
